<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>home</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/zxy/headAndFoot.css" />
		<script src="lib/jquery-3.3.1.min.js"></script>
		<script src="lib/bootstrap.min.js"></script>
		<script src="lib/vue.js"></script>
		<link rel="stylesheet" href="css/yjw/main.css" />
		<script src="js/zxy/headAndFoot/headAndFoot.js"></script>
		<script type="text/javascript" src="js/yjw/main.js" ></script>
	</head>

	<body>
		<div id="all">
			<div id="topAdv"><a href="#"><img src="img/zxy/headAndFoot/topAdv.jpg"></a><div onClick="closeAdv()" id="closeAdv">X</div></div>
			<div id="head">
				<div id="headBox">
					<div id="headTop">
						<ul id="topLeft">
							<li class="topLeftLi"><a href="#">首页</a></li>
							<li class="topLeftLi"><a href="#">华为官网</a></li>
							<li class="topLeftLi"><a href="#">荣耀官网</a></li>
							<li class="topLeftLi"><a href="#">花粉俱乐部</a></li>
							<li class="topLeftLi"><a href="#">帮助中心</a></li>
							<li class="topLeftLi"><a href="#">V 码 (优购码)</a></li>
							<li class="topLeftLi"><a href="#">首企业购页</a></li>
							<li class="topLeftLi"><a href="#">Select Region</a></li>
							<li class="topLeftLi" id="qrcode"><a href="#">下载 APP<span class="caret"></span></a>
								<div >
									<img src="img/zxy/headAndFoot/qrcode.png"/>
									<p>扫一扫，下载客户端</p>
								</div>
							</li>
							<li class="topLeftLi" id="more"><a href="#">更多精彩<span class="caret"></span></a>
								<ul >
									<div><a href="#">EMUI</a></div>
									<div><a href="#">应用市场</a></div>
									<div><a href="#">华为终端云空间</a></div>
									<div><a href="#">开发者联盟</a></div>
								</ul>
						   </li>
						</ul>
						<ul id="topRight">
							<li class="topRightLi">
								<div id="loged" v-if="ifLogin==1">
									<a href="#">${user.tel }</a>
									<div id="userDrop">
										<div id="userInfo">
											<div id="userLeft">
												<a href="#"><img src="img/zxy/headAndFoot/img_logged_in.png" width="90px" height="90px"/></a>
											</div>
											<div id="userRight">
												<p><a>${user.tel }</a></p>
												<a href="#" class="realName"><span></span>未实名</a>
												<a href="#" class="i-mail"><span></span>站内信</a>
											</div>
										</div>
										<div id="userOrder">
											我的订单
											<a href="#">更多 ></a>
										</div>
										<div id="orderList">
											<ul>
												<li><a href="#">待支付</a></li>
												<li><a href="#">待收货</a></li>
												<li><a href="#">待评价</a></li>
												<li><a href="#">退换货</a></li>
												<li><a href="#">旧机回收</a></li>
											</ul>
										</div>
										<div id="otherInfo">
											<div class="discount">
												<a href="#"><span class="img01"></span></a>
												<p class="points">积分</p>
												<span>0分</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img02"></span></a>
												<p class="points">优惠券</p>
												<span>0张</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img03"></span></a>
												<p class="points">代金券</p>
												<span>0.00元</span>
											</div>
										</div>
										<div id="logout"><a href="Login?method=logout">退出登录</a></div>
									</div>
								</div>
								<div id="unlogin" v-else>
									<a href="Login">请登录</a>
									<a href="Register">注册</a>
								</div>
							</li>
							<li class="topRightLi" id="myOrder">
								<a href="#">我的订单</a>
							</li>
							<li class="topRightLi" id="cartShop">
								<a href="CartShop">
									<span class="cartImg"></span>
									购物车(<font id="cartShopNum">0</font>)
								</a>
								<div class="miniCart" id="emptyCart" v-if="ifEmpty==1">
									<img src="img/zxy/headAndFoot/空购物车.png" width="100px" height="100px"/>
									<p>您的购物车是空的，赶紧选购吧~</p>
								</div>
								<div class="miniCart" id="cartShopBox" v-else>
									<ul class="cartShopBoxUl">
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										
									</ul>
									<div id="minicartBalance">
										<p>
											<span>总计:</span>
											<font>¥ 15043.00</font>
										</p>
										<a href="#">立即结算</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div id="header">
						<div class="left">
							<a href="#"><img src="img/zxy/headAndFoot/logo.png" /></a>
							<ul>
								<li><a href="#">华为专区</a></li>
								<li><a href="#">荣耀专区</a></li>
								<li><a href="#">HUAWEI P20</a></li>
								<li><a href="Product?method=productInfo&tcid=1&scid=1&fcid=1">荣耀 10</a></li>
								<li><a href="#">nova 3i</a></li>
								<li><a href="#">荣耀 V10</a></li>
							</ul>
						</div>
						<div class="right">
							<div class="input-group">
							  <input type="text" class="form-control" placeholder="荣耀 Note10" aria-describedby="sizing-addon3">
							  <span class="input-group-btn">
					          	<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
					          </span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!--中部-->
			<div class=" middle">
				<!--轮播-->
				<div class="carousel">
					<!--轮播图片-->
					<div class="carPhone">
					    <ul class="carUl">
					        <li class="carLi"><img src="img/yjw/main/轮播1.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播2.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播3.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播4.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播5.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播6.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播7.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播8.jpg" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播9.png" alt=""/></li>
					        <li class="carLi"><img src="img/yjw/main/轮播1.jpg" alt=""/></li>
					    </ul>
					    <div class="carCircle">
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					        <span class="carSpan"></span>
					    </div>
					</div>
					<!--轮播商品框-->
					<div class="carGoods">
						<div class="carGoodsLi">
							<ul style="list-style-type: none;">
								<!--框一-->
								<li class="cgLiOne">
									<span class="cgOneUp" onclick="showList(this)" data-fcid="1">手机</span>
									<span class="cgOneBelowL" onclick="showList(this)" data-fcid="1" data-scid="1">荣耀</span>
									<span class="cgOneBelowR" onclick="showList(this)" data-fcid="1" data-scid="2">HUAWEI&nbsp;P系列</span>
									<span class="cgOneIcon"></span>
									<div class="cgOneBox">
										<div class="cgOneBoxOne">
											<span class="cgoboSpan" onclick="showList(this)" data-fcid="1">浏览手机频道</span>
										</div>
										<div class="cgOneBoxTwo">
											<span class="cgobtUpOne" onclick="showList(this)" data-fcid="1" data-scid="1">荣耀</span>
											<span class="cgobtUpTwo" onclick="showList(this)" data-fcid="1" data-scid="2">HUAWEI&nbsp;P系列</span>
											<span class="cgobtUpThree" onclick="showList(this)" data-fcid="1" data-scid="3">荣耀畅玩系列</span>
											<span class="cgobtUpFour" onclick="showList(this)" data-fcid="1" data-scid="4">HUAWEI&nbsp;Mate系列</span>
											<span class="cgobtBelowOne" onclick="showList(this)" data-fcid="1" data-scid="5">HUAWEI&nbsp;nova系列</span>
											<span class="cgobtBelowTwo" onclick="showList(this)" data-fcid="1" data-scid="6">HUAWEI&nbsp;麦芒系列</span>
											<span class="cgobtBelowThree" onclick="showList(this)" data-fcid="1" data-scid="7">荣耀畅享系列</span>
											<span class="cgobtBelowFour" onclick="showList(this)" data-fcid="1" data-scid="8">移动4G+专区</span>
										</div>
										<div class="cgOneBoxThree">
												<ul style="list-style-type: none;">
													<li class="cgobtOne">
														<div class="cgobtOneInner">
															<img src="img/yjw/main/轮播1_1.jpg" class="cgobtOneImg" />	
															<span class="cgobtOnebrand">HUAWEI&nbsp;nova&nbsp;3</span>
															<span class="cgobtOneRMB">￥2999</span>
														</div>
													</li >
													<li class="cgobtTwo">
														<div class="cgobtTwoInner">
															<img src="img/yjw/main/轮播1_2.jpg" class="cgobtTwoImg" />	
															<span class="cgobtTwobrand">荣耀10</span>
															<span class="cgobtTwoRMB">￥2399</span>
														</div>
													</li>
													<li class="cgobtThree">
														<div class="cgobtThreeInner">
															<img src="img/yjw/main/轮播1_3.jpg" class="cgobtThreeImg" />	
															<span class="cgobtThreebrand">HUAWEI&nbsp;P20</span>
															<span class="cgobtThreeRMB">￥3388</span>
														</div>
													</li>
													<li class="cgobtFour">
														<div class="cgobtFourInner">
															<img src="img/yjw/main/轮播1_4.jpg" class="cgobtFourImg" />	
															<span class="cgobtFourbrand">荣耀8X</span>
															<span class="cgobtFourRMB">￥1399</span>
														</div>
													</li>
												</ul>											
										</div>
									</div>
								</li>
								<!--框二-->
								<li class="cgLiTwo">
									<span class="cgTwoUp">笔记本&nbsp;&&nbsp;平板</span>
									<span class="cgTwoBelowL">平板电脑</span>
									<span class="cgTwoBelowR">笔记本电脑</span>
									<span class="cgTwoIcon"></span>
									<div class="cgTwoBox">
										<div class="cgTwoBoxOne">
											<span class="cgtboSpan">浏览笔记本&nbsp;&&nbsp;平板频道</span>
										</div>
										<div class="cgTwoBoxTwo">
											<span class="cgtbtUpOne">平板电脑</span>
											<span class="cgtbtUpTwo">平板笔记本</span>
											<span class="cgtbtUpThree">笔记本配件</span>
										</div>
										<div class="cgTwoBoxThree">
											<ul style="list-style-type: none;">
												<li class="cgtbtOne">
													<div class="cgtbtOneInner">
														<img src="img/yjw/main/轮播2_1.jpg" class="cgtbtOneImg" />	
														<span class="cgtbtOnebrand">HUAWEI&nbsp;MateBook</span>
														<span class="cgtbtOnebrandAnd">X&nbsp;Pro</span>
														<span class="cgtbtOneRMB">￥7888</span>
													</div>
												</li >
												<li class="cgtbtTwo">
													<div class="cgtbtTwoInner">
														<img src="img/yjw/main/轮播2_2.jpg" class="cgtbtTwoImg" />	
														<span class="cgtbtTwobrand">荣耀MagicBook</span>
														<span class="cgtbtTwoRMB">￥5699</span>
													</div>
												</li>
												<li class="cgtbtThree">
													<div class="cgtbtThreeInner">
														<img src="img/yjw/main/轮播2_3.jpg" class="cgtbtThreeImg" />	
														<span class="cgtbtThreebrand">HUAWEI&nbsp;P20</span>
														<span class="cgtbtThreeRMB">￥3388</span>
													</div>
												</li>
												<li class="cgtbtFour">
													<div class="cgtbtFourInner">
														<img src="img/yjw/main/轮播2_4.jpg" class="cgtbtFourImg" />	
														<span class="cgtbtFourbrand">荣耀8X</span>
														<span class="cgtbtFourRMB">￥1399</span>
													</div>
												</li>
											</ul>	
											
										</div>
									</div>
									
								</li>
								<!--框三-->
								<li class="cgLiThree">
									<span class="cgThreeUp" onclick="showList(this)" data-fcid="3">智能穿戴</span>
									<span class="cgThreeBelowL">手环</span>
									<span class="cgThreeBelowR">手表</span>
									<span class="cgThreeBelowRAnd">VR</span>
									<span class="cgThreeIcon"></span>
									<div class="cgThreeBox">
										<div class="cgThreeBoxOne">
											<span class="cgthboSpan" onclick="showList(this)" data-fcid="3">浏览智能穿戴频道</span>
										</div>
										
										<div class="cgThreeBoxTwo">
											<span class="cgthbtUpOne" onclick="showList(this)" data-fcid="3" data-scid="12">手环</span>
											<span class="cgthbtUpTwo">手表</span>
											<span class="cgthbtUpThree">VR</span>
										</div>
										
										<div class="cgThreeBoxThree">
											<ul style="list-style-type: none;">
												<li class="cgthbtOne">
													<div class="cgthbtOneInner">
														<img src="img/yjw/main/轮播3_1.jpg" class="cgthbtOneImg" />	
														<span class="cgthbtOnebrand">华为手环&nbsp;B5</span>
														<span class="cgthbtOneRMB">￥999</span>
													</div>
												</li>
												<li class="cgthbtTwo">
													<div class="cgthbtTwoInner">
														<img src="img/yjw/main/轮播3_2.jpg" class="cgthbtTwoImg" />	
														<span class="cgthbtTwobrand">荣耀手环3</span>
														<span class="cgthbtTwoRMB">￥139</span>
													</div>
												</li>
												<li class="cgthbtThree">
													<div class="cgthbtThreeInner">
														<img src="img/yjw/main/轮播3_3.jpg" class="cgthbtThreeImg" />	
														<span class="cgthbtThreebrand">HUAWEI&nbsp;WATCH&nbsp;2</span>
														<span class="cgthbtThreebrandAnd">Pro</span>
														<span class="cgthbtThreeRMB">￥2288</span>
													</div>
												</li>
												<li class="cgthbtFour">
													<div class="cgthbtFourInner">
														<img src="img/yjw/main/轮播3_4.jpg" class="cgthbtFourImg" />	
														<span class="cgthbtFourbrand">荣耀手环&nbsp;标准版</span>
														<span class="cgthbtFourRMB">￥199</span>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<!--框四-->
								<li class="cgLiFour">
									<span class="cgFourUp">智能家居</span>
									<span class="cgFourBelowL">路由器</span>
									<span class="cgFourBelowR">电视盒子</span>
									<span class="cgFourBelowRAnd">照明</span>
									<span class="cgFourIcon"></span>
									
									<div class="cgFourBox">
										<div class="cgFourBoxOne">
											<span class="cgfboSpan">浏览智能家居频道</span>
										</div>
										<div class="cgFourBoxTwo">
											<span class="cgfbtUpOne">路由器</span>
											<span class="cgfbtUpTwo">电视盒子</span>
											<span class="cgfbtUpThree">照明</span>
											<span class="cgfbtUpFour">清洁</span>
											<span class="cgfbtUpFive">子母/分布式路由</span>
											<span class="cgfbtUpSix">电力猫/wifi放大器</span>
											
											<span class="cgfbtBelowOne">随行wifi</span>
											<span class="cgfbtBelowTwo">节能</span>
											<span class="cgfbtBelowThree">随行</span>
											<span class="cgfbtBelowFour">安防</span>
											<span class="cgfbtBelowFive">健康</span>
											<span class="cgfbtBelowSix">厨电</span>
											<span class="cgfbtBelowSeven">影音</span>
											<span class="cgfbtBelowEight">卫浴</span>
											<span class="cgfbtBelowNine">其他</span>
										</div>
										<div class="cgFourBoxThree">
											<ul style="list-style-type: none;">
												<li class="cgfbtOne">
													<div class="cgfbtOneInner">
														<img src="img/yjw/main/轮播4_1.jpg" class="cgfbtOneImg" />	
														<span class="cgfbtOnebrand">荣耀分布式路由</span>
														<span class="cgfbtOneRMB">￥799</span>
													</div>
												</li>
												<li class="cgfbtTwo">
													<div class="cgfbtTwoInner">
														<img src="img/yjw/main/轮播4_2.jpg" class="cgfbtTwoImg" />	
														<span class="cgfbtTwobrand">华为路由WS5100</span>
														<span class="cgfbtTwoRMB">￥129</span>
													</div>
												</li>
												<li class="cgfbtThree">
													<div class="cgfbtThreeInner">
														<img src="img/yjw/main/轮播4_3.jpg" class="cgfbtThreeImg" />	
														<span class="cgfbtThreebrand">荣耀路由2</span>
														<span class="cgfbtThreeRMB">￥189</span>
													</div>
												</li>
												<li class="cgfbtFour">
													<div class="cgfbtFourInner">
														<img src="img/yjw/main/轮播4_4.jpg" class="cgfbtFourImg" />	
														<span class="cgfbtFourbrand">华为路由&nbsp;Q2</span>
														<span class="cgfbtFourRMB">￥749</span>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<!--框五-->
								<li class="cgLiFive">
									<span class="cgFiveUp">通用配件</span>
									<span class="cgFiveBelowL">移动电源</span>
									<span class="cgFiveBelowR">耳机</span>
									<span class="cgFiveBelowRAnd">音响</span>
									<span class="cgFiveIcon"></span>
									
									<div class="cgFiveBox">
										<div class="cgFiveBoxOne">
											<span class="cgfiboSpan">浏览通用配件频道</span>
										</div>
										<div class="cgFiveBoxTwo">
											<span class="cgfibtUpOne">移动电源</span>
											<span class="cgfibtUpTwo">耳机</span>
											<span class="cgfibtUpThree">音响</span>
											<span class="cgfibtUpFour">自拍杆/支架</span>
											<span class="cgfibtUpFive">充电器/线材</span>
											<span class="cgfibtUpSix">U盘/存储卡</span>
											
											<span class="cgfibtBelowOne">摄像机/镜头</span>
											<span class="cgfibtBelowTwo">智能硬件</span>
											<span class="cgfibtBelowThree">生活周边</span>
										</div>
										<div class="cgFiveBoxThree">
											<ul style="list-style-type: none;">
												<li class="cgfibtOne">
													<div class="cgfibtOneInner">
														<img src="img/yjw/main/轮播5_1.jpg" class="cgfibtOneImg" />	
														<span class="cgfibtOnebrand">华为10000mAh&nbsp;移动</span>
														<span class="cgfibtOnebrandAnd">电源&nbsp;充电宝</span>
														<span class="cgfibtOneRMB">￥799</span>
													</div>
												</li>
												<li class="cgfibtTwo">
													<div class="cgfibtTwoInner">
														<img src="img/yjw/main/轮播5_2.jpg" class="cgfibtTwoImg" />	
														<span class="cgfibtTwobrand">华为路由WS5100</span>
														<span class="cgfibtTwoRMB">￥129</span>
													</div>
												</li>
												<li class="cgfibtThree">
													<div class="cgfibtThreeInner">
														<img src="img/yjw/main/轮播5_3.jpg" class="cgfibtThreeImg" />	
														<span class="cgfibtThreebrand">荣耀路由2</span>
														<span class="cgfibtThreeRMB">￥189</span>
													</div>
												</li>
												<li class="cgfibtFour">
													<div class="cgfibtFourInner">
														<img src="img/yjw/main/轮播5_4.jpg" class="cgfibtFourImg" />	
														<span class="cgfibtFourbrand">华为路由&nbsp;Q2</span>
														<span class="cgfibtFourRMB">￥749</span>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<!--框六-->
								<li class="cgLiSix">
									<span class="cgSixUp">专属配件</span>
									<span class="cgSixBelowL">保护壳</span>
									<span class="cgSixBelowR">保护套</span>
									<span class="cgSixBelowRAnd">贴膜</span>
									<span class="cgSixIcon"></span>
									
									<div class="cgSixBox">
										<div class="cgFiveBoxOne">
											<span class="cgsboSpan">浏览专属配件频道</span>
										</div>
										
										<div class="cgSixBoxTwo">
											<span class="cgsbtUpOne">保护壳</span>
											<span class="cgsbtUpTwo">保护套</span>
											<span class="cgsbtUpThree">贴膜</span>
											<span class="cgsbtUpFour">盒子专属配件</span>
											<span class="cgsbtUpFive">表带</span>
											<span class="cgsbtUpSix">触控笔</span>
										</div>
										
										<div class="cgSixBoxThree">
											<ul style="list-style-type: none;">
												<li class="cgsbtOne">
													<div class="cgsbtOneInner">
														<img src="img/yjw/main/轮播6_1.jpg" class="cgsbtOneImg" />	
														<span class="cgsbtOnebrand">HUAEWI&nbsp;P20&nbsp;Pro手</span>
														<span class="cgsbtOnebrandAnd">机导航套件</span>
														<span class="cgsbtOneRMB">￥199</span>
													</div>
												</li>
												<li class="cgsbtTwo">
													<div class="cgsbtTwoInner">
														<img src="img/yjw/main/轮播6_2.jpg" class="cgsbtTwoImg" />	
														<span class="cgsbtTwobrand">荣耀9&nbsp;炫彩保护壳</span>
														<span class="cgsbtTwoRMB">￥109</span>
													</div>
												</li>
												<li class="cgsbtThree">
													<div class="cgsbtThreeInner">
														<img src="img/yjw/main/轮播6_3.jpg" class="cgsbtThreeImg" />	
														<span class="cgsbtThreebrand">HUAWEI&nbsp;Mate&nbsp;Rs</span>
														<span class="cgsbtThreebrandAnd">保时捷设计&nbsp;智能视</span>
														<span class="cgsbtThreebrandAAnd">窗皮套</span>
														<span class="cgsbtThreeRMB">￥1999</span>
													</div>
												</li>
												<li class="cgsbtFour">
													<div class="cgsbtFourInner">
														<img src="img/yjw/main/轮播6_4.jpg" class="cgsbtFourImg" />	
														<span class="cgsbtFourbrand">荣耀V10&nbsp;PU磁吸保</span>
														<span class="cgsbtFourbrandAnd">护套</span>
														<span class="cgsbtFourRMB">￥119</span>
													</div>
												</li>
											</ul>
										</div>
										
									</div>
									
								</li>
							</ul>
						</div>
					</div>
		
				</div>
				
				<!--请登录-->
				<div class="login">
					<!--未登录的样子-->
					<div class="loginOne">
						<div class="loHeadDiv">
							<img src="img/yjw/main/login_head.png" class="loHead" />
						</div>
						<div class="loFont">
							<span class="lofFontOne">欢迎来到华为商城，请<a href="#">登录</a></span>
							<span class="lofFontTwo">还没账号？<a href="#">注册</a>即可享受</span>
							<img src="img/yjw/main/login-font箭头.jpg" class="lofArrows"/>
						</div>
						<div class="loxrfl">
							<span class="loxrflFont">新人福利</span>
						</div>
						<div class="lohyfl">
							<span class="lohyflFont">会员福利</span>
						</div>
						<div class="loVertical"></div>
					</div>
					<!--登录的样子-->
					<div class="loginOneLogin">
						<div class="lolHeadDiv">
							<img src="img/yjw/main/loginHeadPink.png" class="lolHead" />
						</div>
						<div class="lolFont">
							<span class="lolfOne">Hi,182****7273</span>
							<img src="img/yjw/main/loginGray.jpg" class="lolfGray" />
						</div>
						<div class="lolxrfl">
							<span class="lolxrflFont">新人福利</span>
						</div>
						<div class="lolhyfl">
							<span class="lolhyflFont">会员福利</span>
						</div>
						<div class="lolVertical"></div>
					</div>
					
					<!--====-->
					<div class="loginTwo">
						<ul style="list-style-type: none;">
							<li class="ltOne">
								<span class="ltoSpan"></span>
								<span class="ltoFont">企业购特惠</span>
							</li>
							<li class="ltTwo">
								<span class="lttSpan"></span>
								<span class="lttFont">以旧换新</span>
							</li>
							<li class="ltThree">
								<span class="ltthSpan"></span>
								<span class="ltthFont">新色上市</span>
							</li>
							<li class="ltFour">
								<span class="ltfSpan"></span>
								<span class="ltfFont">会员领券</span>
							</li>
							<li class="ltFive">
								<span class="ltfiSpan"></span>
								<span class="ltfiFont">数码特惠</span>
							</li>
							<li class="ltSix">
								<span class="ltsSpan"></span>
								<span class="ltsFont">订金享豪礼</span>
							</li>
						</ul>
						<div class="ltVertical"></div>
					</div>
					<div class="loginThree">
						<div class="lthUp">
							<span class="lthuSpan"></span>
							<div class="lthuFont">
								<div class="lthufInner">
									<p>华为818晒单有礼中奖名单</p>
									<p>华为商城超级体验官招募</p>
									<!--<p>华为智选香薰助眠灯首销</p>
									<p>华为FreeBuds耳机晒单活动中奖名单...</p>
									<p>荣耀手环4新品预约赢笔记本电脑</p>-->
								</div>
							</div>
						</div>
						<div class="lthVertival"></div>
						<div class="lthBelow">
							<ul style="list-style-type: none;">
								<li class="lthbOne">
									<span class="lthboSpan"></span>
									<span class="lthboFont">优购码</span>
								</li>
								<li class="lthbTwo">
									<span class="lthbtSpan"></span>
									<span class="lthbtFont">实名认证</span>
								</li>
								<li class="lthbThree">
									<span class="lthbthSpan"></span>
									<span class="lthbthFont">补够保障</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<!--系列商品小框-->
				<div class="goods">
					<div class="gOne">
						<img src="img/yjw/main/goods1.jpg"/>
					</div>
					<div class="gTwo">
						<img src="img/yjw/main/goods2.jpg"/>
					</div>
					<div class="gThree">
						<img src="img/yjw/main/goods3.png"/>
					</div>
					<div class="gFour">
						<img src="img/yjw/main/goods4.png"/>
					</div>
				</div>
				
				<!--热销单品-->
				<span class="hotFont">热销单品</span>
				<div class="hotGoods">
					<div class="hgOne">
						<img src="img/yjw/main/rxdp1.jpg" />
					</div>
					<div class="hgTwo">
						<div class="hgtDiv">
							<img src="img/yjw/main/rxdp2.jpg" class="hgtImg"/>
							<img src="img/yjw/main/rxdp2-1.png" class="htgImg2" />
						</div>
						<span class="hgtFontOne">荣耀10</span>
						<span class="hgtFontTwo">限时优惠300&nbsp;尊享版赠好礼</span>
						<span class="hgtFontThree">￥2299</span>
						
					</div>
					<div class="hgThree">
						<div class="hgthDiv">
							<img src="img/yjw/main/rxdp3.jpg" class="hgthImg"/>
						</div>
						<span class="hgthFontOne">HUAWEI&nbsp;P20</span>
						<span class="hgthFontTwo">新色上市&nbsp;享多重好礼</span>
						<span class="hgthFontThree">￥3388</span>
					</div>
					<div class="hgFour">
						<div class="hgfDiv">
							<img src="img/yjw/main/rxdp4.jpg" class="hgfImg"/>
							<img src="img/yjw/main/rxdp4-1.png" class="hgfImg4" />
						</div>
						<span class="hgfFontOne">荣耀10</span>
						<span class="hgfFontTwo">限时优惠300&nbsp;尊享版赠好礼</span>
						<span class="hgfFontThree">￥1799</span>
					</div>
					<div class="hgFive">
						<div class="hgfiDiv">
							<img src="img/yjw/main/rxdp5.jpg" class="hgfiImg"/>
							<img src="img/yjw/main/rxdp5-1.png" class="hgfiImg5" />
						</div>
						<span class="hgfiFontOne">HUAWEI&nbsp;Mate&nbsp;10&nbsp;Pro</span>
						<span class="hgfiFontTwo">最高优惠500元</span>
						<span class="hgfiFontThree">￥5399</span>
					</div>
					<div class="hgBelow">
						<div class="hgSix">
							<div class="hgsDiv">
								<img src="img/yjw/main/rxdp6.jpg" class="hgsImg"/>
							</div>
							<span class="hgsFontOne">荣耀9青春版</span>
							<span class="hgsFontTwo">最高优惠400元&nbsp;赠好礼</span>
							<span class="hgsFontThree">￥999</span>
						</div>
						<div class="hgSeven">
							<div class="hgseDiv">
								<img src="img/yjw/main/rxdp7.jpg" class="hgseImg"/>
							</div>
							<span class="hgseFontOne">HUAWEI&nbsp;Mate&nbsp;RS&nbsp;保时捷设计</span>
							<span class="hgseFontTwo">限量典藏</span>
							<span class="hgseFontThree">￥9999</span>
						</div>
						<div class="hgEight">
							<div class="hgeDiv">
								<img src="img/yjw/main/rxdp8.jpg" class="hgeImg"/>
								<img src="img/yjw/main/rxdp8-1.png" class="hgeImg8_1"/>
							</div>
							<span class="hgeFontOne">荣耀i9</span>
							<span class="hgeFontTwo">64GB版下单减70&nbsp;128GB版送配件</span>
							<span class="hgeFontThree">￥1399</span>
						</div>
						<div class="hgNine">
							<div class="hgnDiv">
								<img src="img/yjw/main/rxdp9.jpg" class="hgnImg"/>
							</div>
							<span class="hgnFontOne">华为畅享8</span>
							<span class="hgnFontTwo">赠配件大礼包</span>
							<span class="hgnFontThree">￥1299</span>
						</div>
					</div>
					
				</div>
				
				<!--精品推荐-->
				<span class="commendationFont">精品推荐</span>
				<div class="commendationGoods">
					<ul class="cgUl" style="list-style-type: none;">
						<li class="cgLi1">
							<div class="cglBox1">
								<img src="img/yjw/main/jptj1.jpg" class="cgoImg1"/>
							</div>
							<span class="cglSpanOne">HUAWEI&nbsp;WATCH&nbsp;2&nbsp;Pro</span>
							<span class="cglSpanTwo">限时直降300元</span>
							<span class="cglSpanThree">￥2288</span>
						</li>
						<li class="cgLi2">
							<div class="cglBox2">
								<img src="img/yjw/main/jptj2.jpg" class="cgoImg2"/>
							</div>
							<span class="cgl2SpanOne">荣耀手环</span>
							<span class="cgl2SpanTwo">限时直降50元</span>
							<span class="cgl2SpanThree">￥119</span>
						</li>
						<li class="cgLi3">
							<div class="cglBox3">
								<img src="img/yjw/main/jptj3.jpg" class="cgoImg3"/>
							</div>
							<span class="cgl3SpanOne">HUAWEI&nbsp;FreeBuds&nbsp;无线耳机</span>
							<span class="cgl3SpanTwo">套餐优惠60元</span>
							<span class="cgl3SpanThree">￥7999</span>
						</li>
						<li class="cgLi4">
							<div class="cglBox4">
								<img src="img/yjw/main/jptj4.jpg" class="cgoImg4"/>
							</div>
							<span class="cgl4SpanOne">最高优惠320+高配享送耳机</span>
							<span class="cgl4SpanTwo">最高优惠350+高配享送耳机</span>
							<span class="cgl4SpanThree">￥1099</span>
						</li>
						<li class="cgLi5">
							<div class="cglBox5">
								<img src="img/yjw/main/jptj5.jpg" class="cgoImg5"/>
							</div>
							<span class="cgl5SpanOne">华为智能体脂秤</span>
							<span class="cgl5SpanTwo">关注你的每一克</span>
							<span class="cgl5SpanThree">￥169</span>
						</li>
						<li class="cgLi6">
							<div class="cglBox6">
								<img src="img/yjw/main/jptj6.jpg" class="cgoImg6"/>
							</div>
							<span class="cgl6SpanOne">华为手环B5</span>
							<span class="cgl6SpanTwo">热销新品&nbsp;配件礼包</span>
							<span class="cgl6SpanThree">￥999</span>
						</li>
						<li class="cgLi7">
							<div class="cglBox7">
								<img src="img/yjw/main/jptj7.jpg" class="cgoImg7"/>
							</div>
							<span class="cgl7SpanOne">荣耀MagicBook</span>
							<span class="cgl7SpanTwo">享6期分期免息</span>
							<span class="cgl7SpanThree">￥4999</span>
						</li>
						<li class="cgLi8">
							<div class="cglBox8">
								<img src="img/yjw/main/jptj8.jpg" class="cgoImg8"/>
							</div>
							<span class="cgl8SpanOne">HUAWEI&nbspMateBook7&nbsp;D</span>
							<span class="cgl8SpanTwo">15.6英寸大屏</span>
							<span class="cgl8SpanThree">￥6488</span>
						</li>
						<li class="cgLi9">
							<div class="cglBox9">
								<img src="img/yjw/main/jptj9.jpg" class="cgoImg9"/>
							</div>
							<span class="cgl9SpanOne">华为路由器WS5102</span>
							<span class="cgl9SpanTwo">新品上市</span>
							<span class="cgl9SpanThree">￥159</span>
						</li>
						<li class="cgLi10">
							<div class="cglBox10">
								<img src="img/yjw/main/jptj10.jpg" class="cgoImg10"/>
							</div>
							<span class="cgl10SpanOne">荣耀智能体脂秤</span>
							<span class="cgl10SpanTwo">直降70仅需99</span>
							<span class="cgl10SpanThree">￥99</span>
						</li>
						<li class="cgLi11">
							<div class="cglBox11">
								<img src="img/yjw/main/jptj11.jpg" class="cgoImg11"/>
							</div>
							<span class="cgl11SpanOne">华为随性wifi&nbsp;2&nbsp;畅享版</span>
							<span class="cgl11SpanTwo">新品首销&nbsp;赠流量卡</span>
							<span class="cgl11SpanThree">￥349</span>
						</li>
						<li class="cgLi12">
							<div class="cglBox12">
								<img src="img/yjw/main/jptj12.jpg" class="cgoImg12"/>
							</div>
							<span class="cgl12SpanOne">华为全景相机</span>
							<span class="cgl12SpanTwo">360°照片/视频</span>
							<span class="cgl12SpanThree">￥599</span>
						</li>
						<li class="cgLi13">
							<div class="cglBox13">
								<img src="img/yjw/main/jptj13.jpg" class="cgoImg13"/>
							</div>
							<span class="cgl13SpanOne">荣耀畅玩手环&nbsp;A2</span>
							<span class="cgl13SpanTwo">直降20仅售192</span>
							<span class="cgl13SpanThree">￥192</span>
						</li>
						<li class="cgLi14">
							<div class="cglBox14">
								<img src="img/yjw/main/jptj14.jpg" class="cgoImg14"/>
							</div>
							<span class="cgl14SpanOne">HUAWEI&nbsp;MateBook&nbsp;X&nbsp;Pro</span>
							<span class="cgl14SpanTwo">部分版本享6期免息</span>
							<span class="cgl14SpanThree">￥10988</span>
						</li>
						<li class="cgLi15">
							<div class="cglBox15">
								<img src="img/yjw/main/jptj15.jpg" class="cgoImg15"/>
							</div>
							<span class="cgl15SpanOne">荣耀WaterPlay</span>
							<span class="cgl15SpanTwo">最高直降300&nbsp;赠支架</span>
							<span class="cgl15SpanThree">￥1599</span>
						</li>
						<li class="cgLi16">
							<div class="cglBox16">
								<img src="img/yjw/main/jptj16.jpg" class="cgoImg16"/>
							</div>
							<span class="cgl16SpanOne">荣耀路由2</span>
							<span class="cgl16SpanTwo">双网双通&nbsp;双频优选</span>
							<span class="cgl16SpanThree">￥199</span>
						</li>
					</ul>
					<div class="cgLeft"><span class="cglImg"></span></div>
		   		 	<div class="cgRight"><span class="cgrImg"></span></div>
				</div>
				
				<!--小轮播-->
				<div class="minCarousel">
					<div class="mcBox">
					    <ul class="mcarUl">
					        <li class="mcarLi"><img src="img/yjw/main/小轮播1.jpg" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播2.png" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播3.png" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播4.jpg" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播5.jpg" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播6.jpg" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播7.jpg" alt=""/></li>
					        <li class="mcarLi"><img src="img/yjw/main/小轮播1.jpg" alt=""/></li>
					    </ul>
					    <div class="mcarCircle">
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					        <span class="mcarSpan"></span>
					    </div>
					</div>
				</div>
				
				<!--手机-->
				<div class="phoneFont">
					<span class="pf1">手机</span>
					<span class="pf2">荣耀<div class="pf2Div"></div></span>
					<span class="pf3">HUAWEI&nbsp;P系列<div class="pf3Div"></div></span>
					<span class="pf4">荣耀畅玩系列<div class="pf4Div"></div></span>
					<span class="pf5">HUAWEI&nbsp;Mate系列<div class="pf5Div"></div></span>
					<span class="pf6">HUAWEI&nbsp;nova系列<div class="pf6Div"></div></span>
					<span class="pf7">HUAWEI&nbsp;麦芒系列<div class="pf7Div"></div></span>
					<span class="pf8">荣耀畅享系列<div class="pf8Div"></div></span>
					<span class="pf9">移动4G+专区<div class="pf9Div"></div></span>
					<span class="pfMore">更多><div class="pfmDiv"></div></span>
				</div>
				<div class="phoneGoods">
					<div class="pg1">
						<img src="img/yjw/main/phone1.jpg" class="pg1Img"/>
					</div>
					<div class="pg2">
						<div class="pg2Box">
							<img src="img/yjw/main/phone2.jpg" class="pg2Img" />
						</div>
						<span class="pg2FontOne">荣耀V10</span>
						<span class="pg2FontTwo">最高优惠900元&nbsp;尊享赠大礼包</span>
						<span class="pg2FontThree">￥2099</span>
					</div>
					<div class="pg3">
						<div class="pg3Box">
							<img src="img/yjw/main/phone3.jpg" class="pg3Img" />
						</div>
						<span class="pg3FontOne">华为畅享8&nbsp;Plus</span>
						<span class="pg3FontTwo">赠豪华配件大礼包</span>
						<span class="pg3FontThree">￥1699</span>
					</div>
					<div class="pg4">
						<div class="pg4Box">
							<img src="img/yjw/main/phone4.jpg" class="pg4Img" />
						</div>
						<span class="pg4FontOne">荣耀畅玩7C</span>
						<span class="pg4FontTwo">优惠100&nbsp;高配送耳机</span>
						<span class="pg4FontThree">￥899</span>
					</div>
					<div class="pg5">
						<div class="pg5Box">
							<img src="img/yjw/main/phone5.jpg" class="pg5Img" />
						</div>
						<span class="pg5FontOne">HUAWEI&nbsp;Mate&nbsp;10</span>
						<span class="pg5FontTwo">赠豪华配件大礼包</span>
						<span class="pg5FontThree">￥3399</span>
					</div>
					<div class="pg6">
						<div class="pg6Box">
							<img src="img/yjw/main/phone6.jpg" class="pg6Img" />
						</div>
						<span class="pg6FontOne">荣耀畅玩7A</span>
						<span class="pg6FontTwo">优惠100&nbsp;高配送耳机</span>
						<span class="pg6FontThree">￥699</span>
					</div>
					<div class="pg7">
						<div class="pg7Box">
							<img src="img/yjw/main/phone7.jpg" class="pg7Img" />
						</div>
						<span class="pg7FontOne">华为畅享&nbsp;8e&nbsp;青春</span>
						<span class="pg7FontTwo">领券减100+赠好礼</span>
						<span class="pg7FontThree">￥799</span>
					</div>
					<div class="pg8">
						<div class="pg8Box">
							<img src="img/yjw/main/phone8.jpg" class="pg8Img" />
						</div>
						<span class="pg8FontOne">荣耀9</span>
						<span class="pg8FontTwo">限时优惠400</span>
						<span class="pg8FontThree">￥1899</span>
					</div>
					<div class="pg9">
						<div class="pg9Box">
							<img src="img/yjw/main/phone9.jpg" class="pg9Img" />
						</div>
						<span class="pg9FontOne">华为&nbsp;nova&nbsp;2s</span>
						<span class="pg9FontTwo">领券立减200元</span>
						<span class="pg9FontThree">￥2599</span>
					</div>
					<div class="pg10">
						<div class="pg10Box">
							<img src="img/yjw/main/phone10.jpg" class="pg10Img" />
						</div>
						<span class="pg10FontOne">荣耀畅玩6</span>
						<span class="pg10FontTwo">荣耀性价比手机</span>
						<span class="pg10FontThree">￥599</span>
					</div>
					<div class="pg11">
						<div class="pg11Box">
							<img src="img/yjw/main/phone11.jpg" class="pg11Img" />
						</div>
						<span class="pg11FontOne">华为畅享8e</span>
						<span class="pg11FontTwo">直降100+赠精美礼品</span>
						<span class="pg11FontThree">￥999</span>
					</div>
					<div class="pg12">
						<div class="pg12Box">
							<img src="img/yjw/main/phone12.jpg" class="pg12Img" />
						</div>
						<span class="pg12FontOne">麦芒6</span>
						<span class="pg12FontTwo">5.9英寸全面屏</span>
						<span class="pg12FontThree">￥2199</span>
					</div>
				</div>
				
				<!--笔记本电脑-->
				<div class="laptopFont">
					<span class="lf1">笔记本电脑</span>
					<span class="lf2">平板电脑<div class="lf2Div"></div></span>
					<span class="lf3">笔记本电脑<div class="lf3Div"></div></span>
					<span class="lf4">笔记本配件<div class="lf4Div"></div></span>
					<span class="lfMore">更多><div class="lfmDiv"></div></span>
				</div>
				<div class="laptopGoods">
					<div class="lg1">
						<img src="img/yjw/main/computer1.jpg" class="lg1Img"/>
					</div>
					<div class="lg2">
						<div class="lg2Box">
							<img src="img/yjw/main/computer2.jpg" class="lg2Img" />
						</div>
						<span class="lg2FontOne">荣耀MagicBook</span>
						<span class="lg2FontTwo">购机享6期免息</span>
						<span class="lg2FontThree">￥4999</span>
					</div>
					<div class="lg3">
						<div class="lg3Box">
							<img src="img/yjw/main/computer3.jpg" class="lg3Img" />
						</div>
						<span class="lg3FontOne">HUAWEI8&nbsp;MateBook&nbsp;X&nbsp;Pro</span>
						<span class="lg3FontTwo">最高直降100元+享6期免息</span>
						<span class="lg3FontThree">￥8688</span>
					</div>
					<div class="lg4">
						<div class="lg4Box">
							<img src="img/yjw/main/computer4.jpg" class="lg4Img" />
						</div>
						<span class="lg4FontOne">荣耀MagicBook&nbsp;锐龙版</span>
						<span class="lg4FontTwo">高性能金属轻薄本</span>
						<span class="lg4FontThree">￥3999</span>
					</div>
					<div class="lg5">
						<div class="lg5Box">
							<img src="img/yjw/main/computer5.jpg" class="lg5Img" />
						</div>
						<span class="lg5FontOne">HUAWEI&nbsp;MateBook&nbsp;X/span>
						<span class="lg5FontTwo">限时直降200元</span>
						<span class="lg5FontThree">￥5988</span>
					</div>
					<div class="lg6">
						<div class="lg6Box">
							<img src="img/yjw/main/computer6.jpg" class="lg6Img" />
						</div>
						<span class="lg6FontOne">荣耀MagicBook&nbsp;星云紫</span>
						<span class="lg6FontTwo">高颜值时尚轻薄本</span>
						<span class="lg6FontThree">￥4999</span>
					</div>
					<div class="lg7">
						<div class="lg7Box">
							<img src="img/yjw/main/computer7.jpg" class="lg7Img" />
						</div>
						<span class="lg7FontOne">HUAWEI&nbsp;MateBook&nbsp;E</span>
						<span class="lg7FontTwo">最高直降400元</span>
						<span class="lg7FontThree">￥4788</span>
					</div>
					<div class="lg8">
						<div class="lg8Box">
							<img src="img/yjw/main/computer8.jpg" class="lg8Img" />
						</div>
						<span class="lg8FontOne">HUAWEI&nbsp;MateBook&nbsp;D&nbsp;(2018版)</span>
						<span class="lg8FontTwo">最高直降300元</span>
						<span class="lg8FontThree">￥6288</span>
					</div>
				</div>
				
				<!--精品平板-->
				<div class="PADFont">
					<span class="paf1">精品平板</span>
					<span class="paf2">平板电脑<div class="paf2Div"></div></span>
					<span class="paf3">笔记本电脑<div class="paf3Div"></div></span>
					<span class="paf4">笔记本配件<div class="paf4Div"></div></span>
					<span class="pafMore">更多><div class="pafmDiv"></div></span>
				</div>
				<div class="PADGoods">
					<div class="pag1">
						<img src="img/yjw/main/pad1.jpg" class="pag1Img"/>
					</div>
					<div class="pag2">
						<div class="pag2Box">
							<img src="img/yjw/main/pad2.jpg" class="pag2Img" />
						</div>
						<span class="pag2FontOne">荣耀MagicBook</span>
						<span class="pag2FontTwo">购机享6期免息</span>
						<span class="pag2FontThree">￥4999</span>
					</div>
					<div class="pag3">
						<div class="pag3Box">
							<img src="img/yjw/main/pad3.jpg" class="pag3Img" />
						</div>
						<span class="pag3FontOne">HUAWEI8&nbsp;MateBook&nbsp;X&nbsp;Pro</span>
						<span class="pag3FontTwo">最高直降100元+享6期免息</span>
						<span class="pag3FontThree">￥8688</span>
					</div>
					<div class="pag4">
						<div class="pag4Box">
							<img src="img/yjw/main/pad4.jpg" class="pag4Img" />
						</div>
						<span class="pag4FontOne">荣耀MagicBook&nbsp;锐龙版</span>
						<span class="pag4FontTwo">高性能金属轻薄本</span>
						<span class="pag4FontThree">￥3999</span>
					</div>
					<div class="pag5">
						<div class="pag5Box">
							<img src="img/yjw/main/pad5.jpg" class="pag5Img" />
						</div>
						<span class="pag5FontOne">HUAWEI&nbsp;MateBook&nbsp;X</span>
						<span class="pag5FontTwo">限时直降200元</span>
						<span class="pag5FontThree">￥5988</span>
					</div>
					<div class="pag6">
						<div class="pag6Box">
							<img src="img/yjw/main/pad6.jpg" class="pag6Img" />
						</div>
						<span class="pag6FontOne">荣耀MagicBook&nbsp;星云紫</span>
						<span class="pag6FontTwo">高颜值时尚轻薄本</span>
						<span class="pag6FontThree">￥4999</span>
					</div>
					<div class="pag7">
						<div class="pag7Box">
							<img src="img/yjw/main/pad7.jpg" class="pag7Img" />
						</div>
						<span class="pag7FontOne">HUAWEI&nbsp;MateBook&nbsp;E</span>
						<span class="pag7FontTwo">最高直降400元</span>
						<span class="pag7FontThree">￥4788</span>
					</div>
					<div class="pag8">
						<div class="pag8Box">
							<img src="img/yjw/main/pad8.jpg" class="pag8Img" />
						</div>
						<span class="pag8FontOne">HUAWEI&nbsp;MateBook&nbsp;D&nbsp;(2018版)</span>
						<span class="pag8FontTwo">最高直降300元</span>
						<span class="pag8FontThree">￥6288</span>
					</div>
				</div>
				
				<!--智能穿戴-->
				<div class="wearFont">
					<span class="wf1">智能穿戴</span>
					<span class="wf2">手环<div class="wf2Div"></div></span>
					<span class="wf3">手表<div class="wf3Div"></div></span>
					<span class="wf4">VR<div class="wf4Div"></div></span>
					<span class="wfMore">更多><div class="wfmDiv"></div></span>
				</div>
				<div class="wearGoods">
					<div class="wg1">
						<img src="img/yjw/main/wear1.png" />
					</div>
					<div class="wg3">
						<div class="wg3Box">
							<img src="img/yjw/main/wear2.jpg" class="wg3Img" />
						</div>
						<span class="wg3FontOne">华为手环&nbsp;B5</span>
						<span class="wg3FontTwo">彩屏健康手环</span>
						<span class="wg3FontThree">￥4999</span>
					</div>
					<div class="wg4">
						<div class="wg4Box">
							<img src="img/yjw/main/wear3.jpg" class="wg4Img" />
						</div>
						<span class="wg4FontOne">HUAWEI&nbsp;WATCH&nbsp;2&nbsp;Pro</span>
						<span class="wg4FontTwo">直降300元</span>
						<span class="wg4FontThree">￥2288</span>
					</div>
					<div class="wg5">
						<div class="wg5Box">
							<img src="img/yjw/main/wear4.jpg" class="wg5Img" />
						</div>
						<span class="wg5FontOne">荣耀畅玩手环&nbsp;A2</span>
						<span class="wg5FontTwo">直降20元仅售129</span>
						<span class="wg5FontThree">￥129</span>
					</div>
					<div class="wg6">
						<div class="wg6Box">
							<img src="img/yjw/main/wear5.jpg" class="wg6Img" />
						</div>
						<span class="wg6FontOne">HUAWEI&nbsp;WATCH&nbsp;2</span>
						<span class="wg6FontTwo">最高直降300</span>
						<span class="wg6FontThree">￥1388</span>
					</div>
					<div class="wg7">
						<div class="wg7Box">
							<img src="img/yjw/main/wear6.jpg" class="wg7Img" />
						</div>
						<span class="wg7FontOne">荣耀手环4&nbsp;Running版</span>
						<span class="wg7FontTwo">9月11日10:08预售</span>
						<span class="wg7FontThree">￥99</span>
					</div>
					<div class="wg8">
						<div class="wg8Box">
							<img src="img/yjw/main/wear7.jpg" class="wg8Img" />
						</div>
						<span class="wg8FontOne">华为儿童手表</span>
						<span class="wg8FontTwo">限时直降100</span>
						<span class="wg8FontThree">￥6588</span>
					</div>
					
					<div class="wmGoods">
						<ul class="wmgUl" style="list-style-type: none;">
							<li class="wmgLi1">
								<div class="wmglBox1">
									<img src="img/yjw/main/wearcar1.jpg" class="wmgoImg1"/>
								</div>
								<span class="wmglSpanOne">荣耀手环3</span>
								<span class="wmglSpanTwo">限时最高降50元</span>
								<span class="wmglSpanThree">￥129</span>
							</li>
							<li class="wmgLi2">
								<div class="wmglBox2">
									<img src="img/yjw/main/wearcar2.png" class="wmgoImg2"/>
								</div>
								<span class="wmgl2SpanOne">华为运动手环</span>
								<span class="wmgl2SpanTwo">50米防水游泳</span>
								<span class="wmgl2SpanThree">￥298</span>
							</li>
							<li class="wmgLi3">
								<div class="wmglBox3">
									<img src="img/yjw/main/wearcar3.png" class="wmgoImg3"/>
								</div>
								<span class="wmgl3SpanOne">荣耀手表&nbsp;S1</span>
								<span class="wmgl3SpanTwo">限时直降50元</span>
								<span class="wmgl3SpanThree">￥499</span>
							</li>
							<li class="wmgLi4">
								<div class="wmglBox4">
									<img src="img/yjw/main/wearcar4.jpg" class="wmgoImg4"/>
								</div>
								<span class="wmgl4SpanOne">华为手环B3&nbsp;青春版</span>
								<span class="wmgl4SpanTwo">是手环&nbsp;也是耳机</span>
								<span class="wmgl4SpanThree">￥499</span>
							</li>
							<li class="wmgLi5">
								<div class="wmglBox5">
									<img src="img/yjw/main/jptj5.jpg" class="wmgoImg5"/>
								</div>
								<span class="wmgl5SpanOne">荣耀畅玩手环&nbsp;A1</span>
								<span class="wmgl5SpanTwo">记录你的每一步</span>
								<span class="wmgl5SpanThree">￥199</span>
							</li>
						</ul>
					</div>
				
				</div>
				
				<!--智能家居-->
				<div class="homeFont">
					<span class="hf1">智能家居</span>
					<span class="hf2">路由器<div class="hf2Div"></div></span>
					<span class="hf3">字母/分布式路由<div class="hf3Div"></div></span>
					<span class="hf4">电力猫<div class="hf4Div"></div></span>
					<span class="hf5">随性wifi<div class="hf5Div"></div></span>
					<span class="hf6">电视盒子<div class="hf6Div"></div></span>
					<span class="hf7">照明<div class="hf7Div"></div></span>
					<span class="hf8">清洁<div class="hf8Div"></div></span>
					<span class="hf9">节能<div class="hf9Div"></div></span>
					<span class="hf10">环境<div class="hf10Div"></div></span>
					<span class="hf11">安防<div class="hf11Div"></div></span>
					<span class="hf12">健康<div class="hf12Div"></div></span>
					<span class="hf13">厨电<div class="hf13Div"></div></span>
					<span class="hf14">影音<div class="hf14Div"></div></span>
					<span class="hf15">卫浴<div class="hf15Div"></div></span>
					<span class="hf16">其他<div class="hf16Div"></div></span>
					<span class="hfMore">更多><div class="hfmDiv"></div></span>
				</div>
				<div class="homeGoods">
					<div class="hg1">
						<img src="img/yjw/main/home1.png" />
					</div>
					<div class="hg3">
						<div class="hg3Box">
							<img src="img/yjw/main/home2.jpg" class="hg3Img" />
						</div>
						<span class="hg3FontOne">华为手环&nbsp;B5</span>
						<span class="hg3FontTwo">彩屏健康手环</span>
						<span class="hg3FontThree">￥4999</span>
					</div>
					<div class="hg4">
						<div class="hg4Box">
							<img src="img/yjw/main/home3.jpg" class="hg4Img" />
						</div>
						<span class="hg4FontOne">HUAWEI&nbsp;WATCH&nbsp;2&nbsp;Pro</span>
						<span class="hg4FontTwo">直降300元</span>
						<span class="hg4FontThree">￥2288</span>
					</div>
					<div class="hg5">
						<div class="hg5Box">
							<img src="img/yjw/main/home4.jpg" class="hg5Img" />
						</div>
						<span class="hg5FontOne">荣耀畅玩手环&nbsp;A2</span>
						<span class="hg5FontTwo">直降20元仅售129</span>
						<span class="hg5FontThree">￥129</span>
					</div>
					<div class="hg6">
						<div class="hg6Box">
							<img src="img/yjw/main/home5.jpg" class="hg6Img" />
						</div>
						<span class="hg6FontOne">HUAWEI&nbsp;WATCH&nbsp;2</span>
						<span class="hg6FontTwo">最高直降300</span>
						<span class="hg6FontThree">￥1388</span>
					</div>
					<div class="hg7">
						<div class="hg7Box">
							<img src="img/yjw/main/home6.png" class="hg7Img" />
						</div>
						<span class="hg7FontOne">荣耀手环4&nbsp;Running版</span>
						<span class="hg7FontTwo">9月11日10:08预售</span>
						<span class="hg7FontThree">￥99</span>
					</div>
					<div class="hg8">
						<div class="hg8Box">
							<img src="img/yjw/main/home7.jpg" class="hg8Img" />
						</div>
						<span class="hg8FontOne">华为儿童手表</span>
						<span class="hg8FontTwo">限时直降100</span>
						<span class="hg8FontThree">￥6588</span>
					</div>
					
					<div class="hmGoods">
						<ul class="hmgUl" style="list-style-type: none;">
							<li class="hmgLi1">
								<div class="hmglBox1">
									<img src="img/yjw/main/homecar1.png" class="hmgoImg1"/>
								</div>
								<span class="hmglSpanOne">荣耀路由Pro</span>
								<span class="hmglSpanTwo">双千兆旗舰路由</span>
								<span class="hmglSpanThree">￥314</span>
							</li>
							<li class="hmgLi2">
								<div class="hmglBox2">
									<img src="img/yjw/main/homecar2.jpg" class="hmgoImg2"/>
								</div>
								<span class="hmgl2SpanOne">华为路由器&nbsp;A1</span>
								<span class="hmgl2SpanTwo">千兆网口+千兆wifi</span>
								<span class="hmgl2SpanThree">￥399</span>
							</li>
							<li class="hmgLi3">
								<div class="hmglBox3">
									<img src="img/yjw/main/homecar3.jpg" class="hmgoImg3"/>
								</div>
								<span class="hmgl3SpanOne">荣耀路由X1&nbsp;增强版</span>
								<span class="hmgl3SpanTwo">限时直降30元</span>
								<span class="hmgl3SpanThree">￥119</span>
							</li>
							<li class="hmgLi4">
								<div class="hmglBox4">
									<img src="img/yjw/main/homecar4.jpg" class="hmgoImg4"/>
								</div>
								<span class="hmgl4SpanOne">华为路由器WS5100</span>
								<span class="hmgl4SpanTwo">支持5G信号智能优先选择</span>
								<span class="hmgl4SpanThree">￥159</span>
							</li>
							<li class="hmgLi5">
								<div class="hmglBox5">
									<img src="img/yjw/main/homecar5.jpg" class="hmgoImg5"/>
								</div>
								<span class="hmgl5SpanOne">华为盒子增强版</span>
								<span class="hmgl5SpanTwo">限时直降50元</span>
								<span class="hmgl5SpanThree">￥169</span>
							</li>
						</ul>
					</div>
					
				</div>
				
				<!--热销配件-->
				<div class="hotPartsFont">
					<span class="hpf1">热销配件</span>
					<span class="hpf2">移动电源<div class="hpf2Div"></div></span>
					<span class="hpf3">耳机<div class="hpf3Div"></div></span>
					<span class="hpf4">充电器/线材<div class="hpf4Div"></div></span>
					<span class="hpf5">自拍杆/支架<div class="hpf5Div"></div></span>
					<span class="hpf6">音箱<div class="hpf6Div"></div></span>
					<span class="hpf7">U盘/存储卡<div class="hpf7Div"></div></span>
					<span class="hpf8">摄像机/镜头<div class="hpf8Div"></div></span>
					<span class="hpf9">智能硬件<div class="hpf9Div"></div></span>
					<span class="hpf10">生活周边<div class="hpf10Div"></div></span>
					<span class="hpfMore">更多><div class="hpfmDiv"></div></span>
				</div>
				<div class="hotPartsGoods">
					<div class="hpg1">
						<img src="img/yjw/main/hotpart1.png" />
					</div>
					<div class="hpg3">
						<div class="hpg3Box">
							<img src="img/yjw/main/hotpart2.jpg" class="hpg3Img" />
						</div>
						<span class="hpg3FontOne">荣耀xSport&nbsp运动蓝牙耳机</span>
						<span class="hpg3FontTwo">直降50元</span>
						<span class="hpg3FontThree">￥199</span>
					</div>
					<div class="hpg4">
						<div class="hpg4Box">
							<img src="img/yjw/main/hotpart3.jpg" class="hpg4Img" />
						</div>
						<span class="hpg4FontOne">荣耀智能体脂秤</span>
						<span class="hpg4FontTwo">直降40元仅需129</span>
						<span class="hpg4FontThree">￥129</span>
					</div>
					<div class="hpg5">
						<div class="hpg5Box">
							<img src="img/yjw/main/hotpart4.jpg" class="hpg5Img" />
						</div>
						<span class="hpg5FontOne">华为智能体脂秤</span>
						<span class="hpg5FontTwo">健身体脂必备</span>
						<span class="hpg5FontThree">￥399</span>
					</div>
					<div class="hpg6">
						<div class="hpg6Box">
							<img src="img/yjw/main/hotpart5.jpg" class="hpg6Img" />
						</div>
						<span class="hpg6FontOne">华为主动降噪耳机3</span>
						<span class="hpg6FontTwo">3种降噪模式切换</span>
						<span class="hpg6FontThree">￥399</span>
					</div>
					<div class="hpg7">
						<div class="hpg7Box">
							<img src="img/yjw/main/hotpart6.jpg" class="hpg7Img" />
						</div>
						<span class="hpg7FontOne">荣耀移动电源10000mAHh快充版</span>
						<span class="hpg7FontTwo">直降40</span>
						<span class="hpg7FontThree">￥129</span>
					</div>
					<div class="hpg8">
						<div class="hpg8Box">
							<img src="img/yjw/main/hotpart7.jpg" class="hpg8Img" />
						</div>
						<span class="hpg8FontOne">荣耀引擎耳机2代</span>
						<span class="hpg8FontTwo">直降50元</span>
						<span class="hpg8FontThree">￥79</span>
					</div>
					
					<div class="hpmGoods">
						<ul class="hpmgUl" style="list-style-type: none;">
							<li class="hpmgLi1">
								<div class="hpmglBox1">
									<img src="img/yjw/main/hotpartcar1.jpg" class="hpmgoImg1"/>
								</div>
								<span class="hpmglSpanOne">华为车载充电器快充版</span>
								<span class="hpmglSpanTwo">支持9V2A快充</span>
								<span class="hpmglSpanThree">￥49</span>
							</li>
							<li class="hmgLi2">
								<div class="hpmglBox2">
									<img src="img/yjw/main/hotpartcar2.jpg" class="hpmgoImg2"/>
								</div>
								<span class="hpmgl2SpanOne">荣耀心情耳机</span>
								<span class="hpmgl2SpanTwo">心律智能耳机</span>
								<span class="hpmgl2SpanThree">￥129</span>
							</li>
							<li class="hpmgLi3">
								<div class="hpmglBox3">
									<img src="img/yjw/main/hotpartcar3.jpg" class="hpmgoImg3"/>
								</div>
								<span class="hpmgl3SpanOne">华为全景相机</span>
								<span class="hpmgl3SpanTwo">360度无界视野</span>
								<span class="hpmgl3SpanThree">￥599</span>
							</li>
							<li class="hpmgLi4">
								<div class="hpmglBox4">
									<img src="img/yjw/main/hotpartcar4.jpg" class="hpmgoImg4"/>
								</div>
								<span class="hpmgl4SpanOne">荣耀&nbsp;AM116半入耳式耳机</span>
								<span class="hpmgl4SpanTwo">直降40元/高性价比</span>
								<span class="hpmgl4SpanThree">￥49</span>
							</li>
							<li class="hpmgLi5">
								<div class="hpmglBox5">
									<img src="img/yjw/main/hotpartcar5.jpg" class="hpmgoImg5"/>
								</div>
								<span class="hpmgl5SpanOne">华为无线三脚架自拍杆</span>
								<span class="hpmgl5SpanTwo">开启自拍新时代</span>
								<span class="hpmgl5SpanThree">￥89</span>
							</li>
						</ul>
					</div>
					
				</div>
				
				<!--新人见面礼-->
				<div class="newGift">
					<img src="img/yjw/main/新人见面礼.jpg" />
				</div>
				
			</div>
			
			
			<!--尾部-->
			<div id="foot">
				<div id="footBox">
					<div id="footTop">
						<div>
							<a href="#">
								<span class="slogan1"></span>
								<span>百强企业 品质保证</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan2"></span>
								<span>7 天退货 15 天换货</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan3"></span>
								<span>48 元起免运费</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan4"></span>
								<span>448 家维修网点 全国联保</span>
							</a>
						</div>
					</div>
					<div id="footMid">
						<div class="footList">
							<ul>
								<p>购物相关</p>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">配送方式</a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
							</ul>
							<ul>
								<p>保修与退换货</p>
								<li>
									<a href="#">保修政策</a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">退换货流程</a>
								</li>
								<li>
									<a href="#">保修状态查询</a>
								</li>
								<li>
									<a href="#">配件防伪查询</a>
								</li>
							</ul>
							<ul>
								<p>维修与技术支持</p>
								<li>
									<a href="#">售后网点</a>
								</li>
								<li>
									<a href="#">预约维修</a>
								</li>
								<li>
									<a href="#">手机寄修</a>
								</li>
								<li>
									<a href="#">备件价格查询</a>
								</li>
								<li>
									<a href="#">上门服务</a>
								</li>
							</ul>
							<ul>
								<p>关于我们</p>
								<li>
									<a href="#">公司介绍</a>
								</li>
								<li>
									<a href="#">华为商城简介</a>
								</li>
								<li>
									<a href="#">华为线下门店</a>
								</li>
								<li>
									<a href="#">荣耀线下门店</a>
								</li>
								<li>
									<a href="#">诚征英才</a>
								</li>
							</ul>
							<ul>
								<p>关注我们</p>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">腾讯微博</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
							</ul>
							<ul>
								<p>友情链接</p>
								<li>
									<a href="#">华为官网</a>
								</li>
								<li>
									<a href="#">华为商城手机版</a>
								</li>
								<li>
									<a href="#">荣耀官网</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>

						</div>
						<div class="serviceTel">
							<p>400-088-6888</p>
							<span>24 小时客服热线（仅收市话费）</span>
							<a>
								<div>
									<font>在线客服</font>
								</div>
							</a>
						</div>
					</div>
					<div id="footBottom">
						<div id="copyright">
							<div id="copyrightLeft"><a href="#"><div></div></a></div>
							<div id="copyrightMid">
								<p><a>隐私声明</a> <a>服务协议</a> Copyright © 2012-2018 华为软件技术有限公司 版权所有 保留一切权利</p>
								<p>公安备案 苏公网安备 32011402010009 号 | 苏 ICP 备 17040376 号 - 6 | 增值电信业务经营许可证：苏 B2-20130048 号 |</p>
							</div>
							<div id="copyrightLogo">
								<a href="#"><img src="img/zxy/headAndFoot/copyright1.jpg"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright2.png"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright3.png"  width="70px" height="24px" /></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright4.png"  width="70px" height="24px" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!--获取隐式对象  -->
		<span 
			data-iflogin="${ifLogin }" 
			data-ifempty="${ifEmpty }" 
			data-userid="${user.userid }" 
			data-usertel="${user.tel }" 
			id="getData" style="display:none">
		</span>
	</body>
</html>